<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/TemplatePagina.xhtml">
            <ui:define name="contenido">
                <p:tabView id="ClienteTabView" dynamic="true" orientation="top" activeIndex="#{bCliente.activeTabIndex}">
                                        
                    <p:tab id="tab_listar"  title="#{msg.lista}" titletip="#{msg.lista}">
                        <h:form id="form_mostrar_listado">
                            <p:panel id="pnl_lista_clientes" header="#{msg.lista}" styleClass="border">
                                
                                <h:panelGrid columns="1" cellpadding="10">
                                    <h:panelGroup>
                                        <h:outputText value="#{msg.opcionesLista}"/>
                                    </h:panelGroup>
                                </h:panelGrid>
                                
                               <h:panelGrid columns="3" cellpadding="2" cellspacing="2" 
                                    style="text-align: center;" width="100%">
                                    
                                   <p:commandButton id="newBtn" icon="ui-icon-document" actionListener="#{bCliente.doIniciarClienteListar()}"
                                                     value="#{msg.nuevo}" async="true" update="form_mostrar_listado:pnl_lista_clientes" />

                                   <p:commandButton id="searchBtn" icon="ui-icon-search" actionListener="#{bCliente.doListarCliente()}"
                                                     value="#{msg.lista}" async="true" update="pnl_lista_clientes"/>
                                    
                                </h:panelGrid> 
                                
                                <center>
                                    <h:panelGrid columns="2" rendered="#{bCliente.sizeRegistroCliente ne '0'}">
                                        <h:outputText styleClass="etiqueta_resultBusq" value="#{msg.nro}"/>
                                        <h:outputText styleClass="etiqueta_resultBusq" value="#{bCliente.arr_Cliente.size()}"/>                                        
                                    </h:panelGrid>
                                    
                                    <h:panelGrid columns="1" rendered="#{bCliente.sizeRegistroCliente ne '0'}"
                                                 cellpadding="0" cellspacing="0" border="0" styleClass="width-table">
                                        
                                        <p:dataTable id="res_listar_cliente" value="#{bCliente.arr_Cliente}" var="listCliente"
                                            styleClass="order-table" paginator="true" rows="10" rowsPerPageTemplate="5,10,15,20,25,30,50"
                                            paginatorPosition="both" paginatorAlwaysVisible="true"
                                            tableStyle="tablecolBusqSimpOrdTrab1,tablecolBusqSimpOrdTrab2,tablecolBusqSimpOrdTrab2,
                                            tablecolBusqSimpOrdTrab4,tablecolBusqSimpOrdTrab5,tablecolBusqSimpOrdTrab6">
                                            
                                            <p:column headerText="#{msg.codigo}">                                            
                                                <h:outputText value="#{listCliente.cod_cliente}"/>
                                            </p:column>
                                            <p:column headerText="#{msg.nombre}">                                            
                                                <h:outputText value="#{listCliente.nombre}"/>
                                            </p:column>
                                            <p:column headerText="#{msg.fechaReg}">                                            
                                                <h:outputText value="#{listCliente.fecha_registro}"/>
                                            </p:column>
                                            
                                        </p:dataTable>
                                        
                                    </h:panelGrid>
                                    
                                    
                                </center>
                                
                            </p:panel>
                        </h:form>
                    </p:tab>
                    
                </p:tabView>
                    
            </ui:define>
        </ui:composition>
    </h:body>
</html>

